// Summernote

.note-popover {
    display: none;
}

.note-editor {
    //z-index: 1;

    @include e-rounded {
        border-radius: $e-border-radius;
    }

    .note-toolbar-wrapper {
        position: relative;
        z-index: 1;
    }

    .modal {
        .modal-header {
            .close {
                position: absolute;
                right: 25px;
                top: 20px;
                font-size: 0;
            }
        }
    }

    .panel-heading.note-toolbar {
        padding: 5px 10px 10px 10px;
        z-index: 1;

        @include e-rounded {
            border-top-left-radius: $e-border-radius;
            border-top-right-radius: $e-border-radius;
        }

        .btn {
            outline: none !important;
        }

        .dropdown-menu {
            min-width: 185px;
        }

        .note-color .dropdown-menu {
            min-width: 350px;
            padding: 10px;

            > li {
                display: table;
                table-layout: fixed;

                > .btn-group {
                    display: table-cell !important;

                    &:first-child {
                        padding-right: 10px;
                    }

                    .note-color-reset {
                        margin: 5px 0 10px 0;
                    }

                    .note-palette-title {
                        margin: 5px 0;
                        text-align: left;
                        border: 0;
                    }
                }
            }
        }
    }

    .dropdown-toggle::after {
        display: none;
    }
}

.note-editor {
    &.note-frame {
        border: 1px solid $input-border-color;

        .panel-heading.note-toolbar {
            background: e-base-color(grey, 1);
        }

        .note-statusbar {
            background: e-base-color(grey, 1);
        }
    }

    .note-toolbar {
        .note-btn-group {
            .btn {
                background: white;
                border: 1px solid e-base-color(grey, 2);

                i {
                    vertical-align: initial;
                    line-height: initial;
                    padding-right: 0;
                    color: e-base-color(label, 2);
                }

                &:hover,
                &:focus,
                &:active,
                &.active {
                    background: transparent;
                    color: e-base-color(label, 3);
                }
            }
        }
    }
}

.note-editable {
    .table.table-bordered {
        th, td {
            border: 1px solid e-base-color(grey, 3);
        }
    }
}

// Validation
.is-valid {
    .note-editor {
        border-color: e-state-color(success, base);
    }
}

.is-invalid {
    .note-editor {
        border-color: e-state-color(danger, base);
    }
}